<!DOCTYPE html>
<html>
<head>
	<title>预览书</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta content="telephone=no,email=no" name="format-detection">
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/photoNewBook/jisuan.js"></script>
	<!--<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/common.css?v={$WST_V}">-->
   <link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/photoNewBook/templet.css"/>
	<link rel="stylesheet" type="text/css" href="../css/photoNewBook/layui.css"/>
   	<!--<link rel="stylesheet" type="text/css" href="../css/photoNewBook/parentOffspring.css"/>-->
	<!--<link rel="stylesheet" type="text/css" href="../css/photoNewBook/preview.css"/>-->
	<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />
    <style type="text/css">
    	
    	
    	    	.whole{
    		margin-top: 0rem;
    	}
    	.Foot{
    		top: 1.3rem;
    		box-shadow:none;
    	}
    	.Conter {
		
		    margin-top: 1rem;
			}
.return {
    width: 100%;
    height: 1.3rem;
    background-color: #87E1D5;
    position: relative;
}
.return>.img_1 {
      margin-top: 0.4rem;
    width: 0.3rem;
    margin-left: 0.5rem;
}
.return>b {
   font-size: 0.5rem;
    position: absolute;
    margin-left: 33%;
    margin-top: 3%;
    color: #4C4C4C;
}
.container{
	margin-top: 1.8rem;
	position: absolute;
}
       
		#fileImage{
			opacity: 0;
			width: 1.2rem;
			z-index: 100;
		}


		.upload_box{width:800px; margin:1em auto;}
		.upload_choose{padding:1em;}
		.upload_drag_area{display:inline-block; width:60%; padding:4em 0; margin-left:.5em; border:1px dashed #ddd; background:#fff url(./drag.png) no-repeat 20px center; color:#999; text-align:center; vertical-align:middle;}
		.upload_drag_hover{border-color:#069; box-shadow:inset 2px 2px 4px rgba(0, 0, 0, .5); color:#333;}
		.upload_preview{border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#fff; overflow:hidden; _zoom:1;}
		.upload_append_list{height:300px; position:relative;}
		.upload_delete{margin-left:2em;}
		.upload_image{max-height:250px; padding:5px;}
		.upload_submit{padding-top:1em; padding-left:1em;}
		.upload_submit_btn{display:none; height:32px; font-size:14px;}
		.upload_loading{height:250px; background:url(/study/image/preload.gif) no-repeat center;}
		.upload_progress{display:none; padding:5px; border-radius:10px; color:#fff; background-color:rgba(0,0,0,.6); position:absolute; left:25px; top:45px;}
		.zoomableContainer{
			height:  !important;
		}
/*
 *插页图片
 */
	.insert{
		width:100%;
		height:100%;
	}

	.erweima{
		width: 100%;
		height:auto;
		padding-top:0.533333rem;
	}

a{
	    text-decoration: none;
    color: #333333;
}
*{
	padding: 0px;
    margin: 0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*进度条*/
.single-slider{
   -webkit-appearance: none;
   border-radius: 10px;
   opacity: 0.5;
}
.single-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   height: 20px;
   width: 20px;
   margin-top: -5px; /*使滑块超出轨道部分的偏移量相等*/
   background: #ffffff;
   border-radius: 50%; /*外观设置为圆形*/
   /*设置边框*/
   border: solid 0.125em rgba(205, 224, 230, 0.5);
  /* box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/*/
}
.single-slider::-webkit-slider-runnable-track {
   height: 10px;
   border-radius: 10px; /*将轨道设为圆角的*/
  /*轨道内置阴影效果*/
   box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; 
}
.single-slider:focus {
   outline: none;
}
.single-slider::-moz-range-progress{
   background: linear-gradient(to right, #059CFA, white 100%, white);
   height: 8px;
   border-radius: 10px;
   }
   .slider{
   	width: 5.54666rem;
   	height: 0.346666rem;
   }
   .progresbar{
   	margin-top: 0.21333rem;
   	margin-left: 17%;
   }
   .bar1{
   	margin-top: 1rem;
   	margin-left: 4.5rem;
   	color: rgb(28,25,12);
   	opacity: 0.3;
   z-index: 10;
   }
   .text {
    border: none;
}
.upload-div,.renewal{
	display: none;
}
	.foot{
		width: 100%;
	  position: fixed;
	  bottom: 0rem;
	}
  .Foot1{
    height: 1.2rem;
    width: 100%;
    line-height: 1.2rem;
    font-size: 16px;
    text-align: center;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-shadow: 0 -1px 6px 0 rgba(130,130,130,0.50);
    z-index: 99;
  }
  .Foot1>div {
    width: 5rem;
    text-align: center;
}

.bar1{
	margin-top: 0.8rem !important;
}
</style>

</head>

<body>
<div class="whole1">
	<div class="return">
				 <img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/index/fanhui_zuo.png" alt="" class="img_1" onclick="Return()"/>
				 <b>预览书本</b>
			</div>
		<div class="Conter"></div>
   		<!--页码值-->
	   <div class="bar1">
	   	  <span class="Span"></span>/<span class="Span2"></span>
	   </div>
	   <div class="FunctionBar1">
			<div class="previous"></div>
			<!--<div class="progresbar">
				<input class="single-slider slider" id="edit-tto-airtempcontrol" type="range" value="0" max="15" \/>
			</div>-->
			<div class="next"></div>
		</div>
</div>	   
		<div>
		    <input id="current_page" type="hidden"value="1">
			<input id="all_page" type="hidden" value="">
			<input id="pbId" type="hidden" value="{$pbId}">
		
			<input id="ordinal" type="hidden">
			<!--文字位置-->
			<input id="voice" type="hidden">
			 <!--文字位置-->
			<input id="text" type="hidden">
			 <!--语音转化类型-->
			<input id="type" type="hidden">
			<!--图片库选择结果-->
			<input id="imgdepot" type="hidden">
			<!--图片库选择结果-->
			<input id="shape" type="hidden">
  		
			<!-- 当前页面第几张图片-->
			<input type="hidden" id="direction">
			<!-- 需要回填的图片的位置-->
			<input type="hidden" id="imgbox">
			
			<input type="hidden" id="insert">
			<!--是否为视频-->
			<input type="hidden" id="isvedio">
			<!--是否为邀请人-->
			<input id="master" type="hidden" value="{$master}">

	     </div>
	<!--进度条-->
<!--<div class="am-g wst-msg-modal" id="wst-msg-modal">
	<div class="wst-modal-content" id="wst-modal-content"></div>
</div>-->
<foot class='foot'>
	<div class="Foot1">
		<!--<div >-->
			<!--<a href="{:U('WebApp/PhotoBooks/page',array('pbId'=>$pbId))}">点击编辑</a>-->
		<!--</div>-->
		<div onclick="">
			<a href="javaScript:0" onclick="backToEdit()">点击编辑</a>
		</div>
		<div>
			<a href="javaScript:0" onclick="buy()">点击购买</a>
		</div>
	</div>
</foot>
	<!--返回上一页-->
<input type="hidden" name="" id="recurrence" value="0" />
</body>
<script type="text/javascript" src="../js/photoNewBook/ajax.js"></script>
<script type="text/javascript" src="../js/photoNewBook/jisuan.js"></script>
<script type="text/javascript" src="../js/photoNewBook/layui.js"></script>
<script type="text/javascript" src="../js/photoNewBook/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../js/qrjs2.min.js"></script>
<script type="text/javascript">
    var WST = ThinkPHP = window.Think = {
            "ROOT"   : "__ROOT__",
            "APP"    : "__APP__",
            "PUBLIC" : "__PUBLIC__",
            "DEEP"   : "{:C('URL_PATHINFO_DEPR')}",
            "MODEL"  : ["{:C('URL_MODEL')}", "{:C('URL_CASE_INSENSITIVE')}", "{:C('URL_HTML_SUFFIX')}"],
            "VAR"    : ["{:C('VAR_MODULE')}", "{:C('VAR_CONTROLLER')}", "{:C('VAR_ACTION')}"],
            "DOMAIN" : "{:WSTDomain()}",
            "CITY_ID" : "{$currArea['areaId']}",
            "CITY_NAME" : "{$currArea['areaName']}",
            "DEFAULT_IMG": "{:WSTDomain()}/{$CONF['goodsImg']}",
            "MALL_NAME" : "{$CONF['mallName']}",
            "SMS_VERFY"  : "{$CONF['smsVerfy']}",
            "PHONE_VERFY"  : "{$CONF['phoneVerfy']}",
            "IS_LOGIN" :"{$WST_IS_LOGIN}",
            "WST_STYLE" :"{$WST_STYLE}"
        }
</script>
<include file="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/common_js.html" />
<script src="http://www.youyiku-yishu.cn/Public/js/think.js"></script>
<!--<script type="text/javascript" src="../js/photoNewBook/preview.js"></script>-->
<script src="../js/communal.js"></script>
<script type="text/javascript" src="../js/photoNewBook/preview.js"></script>
<script type="text/javascript" src="../js/photoNewBook/personal.js"></script>
<script src="../js/communal.js"></script>

<script>

</script>
</html>

